<!DOCTYPE html>
<html>
	<head>
		<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
		<title>Frisa e Porceddu</title>
		<!-- I 3 css:interfaccia, ui e grid in ordine, certe regole vengono sovrascritte -->
		<link rel="stylesheet" type="text/css" media="screen" href="css_jqgrid/ui.jqgrid.css" />
		<link type="text/css" href="css/start/jquery-ui-1.8.13.custom.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="interfaccia_spam.css" />
		<script type="text/javascript" src="js/jquery-1.5.1.min.js"></script>
		<script type="text/javascript" src="js/jquery-ui-1.8.13.custom.min.js"></script>
		<script type="text/javascript" src="js/downloadxml.js"></script>
		<script type="text/javascript" src="js/richieste.js"></script>
		<script type="text/javascript" src="js/CompositoreEsterno.js"></script>
		<script type="text/javascript" src="js/dialogmap.js"></script>
		
		
		<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyBbZw6NFB87s7uBpoOfg9Jt0sVG8TOKvbI&sensor=true"></script>
		<!--[if gte IE 8]>
		<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
		<![endif]-->
		<script type="text/javascript">
            $(document).ready(function() {
                $("#tabs").tabs();
                
            });
		</script>
		
		
		<script type="text/javascript" src="js/mapstart.js"></script>
		
		
		
		<script src="js/narratore.js" type="text/javascript"></script>

		<!-- Inclusione javascript contenenti la libreria base e il plugin-->
		<script src="jq_grid/i18n/grid.locale-it.js" type="text/javascript"></script>
		<script src="jq_grid/jquery.jqGrid.min.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/tabella.js"></script>
		
		<!--<script type="text/javascript" src="js/aggiungidialog.js"></script>-->

		<script type="text/javascript" src="js/Localizzami.js"></script>
	</head>
	<body>
		<section id="page">
			<header id="intestazione">
				<!-- logo, eventuali decorazioni grafiche; link a help, contatti eccetera -->
				<!--<div id="logo">-->
					frisa<span id="blu">&</span>porceddu<!--<img src="logo.png" alt="FRISA E PORCEDDU" />-->
				<!--</div> -->
				<!--end logo-->
				<div class="clear"></div>
			</header>
			<!-- end of header -->
			<section id="container">
				<aside id="sidebar">
					<script>
                        $(function() {
                            $('.selectable').selectable();
                            $("#accordion").accordion();
                        });

					</script>
					<div class="contenutoacc">
						<p>
							Seleziona il database che vuoi interrogare e specifica la tua richiesta.
						</p>
						<ol class="selectable">
							<li class="ui-widget-content">Farmacie</li>
							<li class="ui-widget-content">Supermercati</li>
							<li class="ui-widget-content">Equitalia</li>
						</ol>
					</div>
					<div id="accordion">
						<h3><a href="#">Cerca per nome</a></h3>
						<div id="cercanome">
							<p>
								Inserisci il nome di un supermercato, di una farmacia o 
								di un ufficio territoriale dell' agenzia delle entrate il base alla scelta precedente:
							</p>
							<label for="param"></label>
							<input id="param" type="text">
							<input type="button" value="Cerca" onClick="Compositore('N')">
						</div>
						<h3><a href="#">Cerca per tipologia</a></h3>
						<div id="cercatipologia">
							<p>
								Ricerca per categoria/sottocategoria:
							</p>
							<label for="paramtipologia"></label>
							<input id="paramtipologia" type="text">
							<input type="button" value="Cerca" onClick="Compositore('T')">
						</div>
						<h3><a href="#">Vicino a</a></h3>
						<div id="cercavicino">
							<p>
								Visualizza il numero massimo di luoghi più vicini alle 
								coordinate specificate o alla tua posizione:
							</p>
								<p>Latitudine:<input id="lat" type="text"></p>
								<p>Longitudine:<input id="long" type="text"></p>
							    <p>Max luoghi:<input id="max" type="text"></p>
							<input type="button" value="Cerca" onClick="CompositoreTerzi('V')">
							<input type="button" class="localizzami" value="Localizzami" onclick="TrovamiVicino()">

						</div>
						<h3><a href="#">Entro il raggio</a></h3>
						<div id="cercaraggio">
							<p>
								Ricerca tutti i luoghi all'interno del cerchio con centro nelle coordinate che vuoi:
							</p>
							<p>Latitudine:<input id="latr" type="text" ></p>
							<p>Longitudine:<input id="longr" type="text"></p>
							<p>Raggio(metri)<input id="raggio" type="text"></p>
							<input type="button" value="Cerca" onClick="CompositoreTerzi('R')">
							<input type="button" class="localizzami" value="Localizzami" onclick="TrovamiRaggio()">

						</div>
					</div>
					</div><!-- End accordition -->
				</aside>
				<!-- fine class sidebar -->
				<section id="tabs">
					<ul>
						<li>
							<a href="#map_canvas"><span>Geolocalizzazione</span></a>
						</li>
						<li>
							<a href="#salvezza"><span>Formato tabellare</span></a>
						</li>
						<li>
							<a href="#presentazione"><span>Presentazione</span></a>
						</li>
					</ul>
					<div id="salvezza">
						<div id="dialog" title="Nel dettaglio">
    						<p>Categoria:</p><span id="primo"></span> <br />
    						<p>Nome:</p><span id="secondo"></span> <br />
    						<p>Indirizzo:</p><span id="terzo"></span><br />
    						<p>Apertura:</p><span id="quarto"></span><br />
    						<div id="mappina"></div>
  						</div>
						<div id="presentazionetabella">
							<p>Solo dopo aver specificato la tua richiesta,  in quest' area potrai visualizzare 
								gli stessi risultati ottenuti nella mappa organizzati per categoria/sottocategoria, 
								nome, indirizzo e orario di apertura
								</p>
							</div>
						
					</div>

					<div id="map_canvas"></div>
					
					
					<div id="presentazione">
							    <p><img src="http://triskel182.files.wordpress.com/2011/12/equitalia.jpg"/></p>
								<p>Farmacie...<img src="http://www.comune.campogalliano.mo.it/html/attach/33/33.farmacia_icon.jpg" /></p>
								<p>Supermarket...<img src="http://www.baxcomputer.it/img/icon_carrello.jpg" /></p>
								<p>Agenzia delle entrate...</p>
								<p>Di cosa hai bisogno?</p>
								
							
							</div>
				</section>
				<!-- fine tabs -->
				<section>
					
			
				<div class="clear"></div>
				
			</section>
				
			<!-- fine container -->
		</section>
		<footer id="finepagina">
					<p>
						© Copyright 2012 by FrisaPorceddu
					</p>
				</footer>
		<!-- end of page -->
	</body>
</html>
